﻿<style type="text/css">
* {
    font-family: 微软雅黑;
    font-size: 14px;
}
#edituser_pane {
    color: #6688CC;
    position: relative;
    left: 50%;
    top: 50%;
    width: 480px;
    height: 360px;
    margin-top: -180px;
    margin-left: -240px;
}
#edituser_pane #left_pane {
    float: left;
    clear: left;
    width: 300px;
    height: 100%;
}
#edituser_pane #center_pane {
    float: right;
    width: 3px;
    height: 100%;
}
#edituser_pane #right_pane {
    float: right;
    clear: right;
    padding: 10px;
    width: 158px;
    height: 100%;
    border: 1px solid #80E101;
    overflow: auto;
}
#edituser_pane #right_pane * {
    font-size: 12px;
    margin: 3px 0px;
    border-bottom: 1px solid #DDE0FF;
}
#edituser_pane #right_pane a {
    font-size: 12px;
}
#edituser_pane div#tip_title {
    padding: 3px;
    text-align: center;
    margin-bottom: 7px;
    border: 1px solid #CCEEAA;
    background-color: #F8FFF0;
}
#edituser_pane #right_pane .err {
    color: #FF0000;
}
#edituser_pane .line {
    margin-bottom: 12px;
    clear: both;
}
#edituser_pane img {
    border: 0px;
}
#edituser_pane #icon {
    float: left;
    width: 72px;
    height: 72px;
    padding: 3px;
    margin-right: 24px;
    border: 1px solid #CCCCCC;
}
#edituser_pane .mark {
    margin: 3px;
    width: 16px;
    height: 16px;
}
#edituser_pane .label {
    position: relative;
    top: -6px;
}
#edituser_pane input {
    width: 120px;
    height: 24px;
    float: left;
    border: 1px solid #CCDDFF;
    background-color: #F3F8FF;
}
#edituser_pane #arrow {
    position: relative;
    left: 0px;
    top: 31px;
}
#edituser_pane #act_pane {
    margin-top: 100px;
    text-align: center;
}
#edituser_pane #act_pane span {
    cursor: pointer;
    margin: 0px 8px;
}
#edituser_pane .button {
    width: 79px;
    height: 24px;
    background: url(imgs/button01.png);
}
</style>
<div id="edituser_pane">
    <div id="left_pane">
        <div class="line"><span id="icon" atop="31px"><img src="icons/i000.png"/></span>
            <span style="position: relative; top: 26px;">← 选择一个头像</span></div>
        <div class="line">
            <input id="name" type="text" atop="93px"/>
            <img class="mark" src="imgs/t.png"/>
            <span class="label">← 输入用户名</span>
        </div>
        <div class="line">
            <input id="pass" type="password" atop="131px"/>
            <img class="mark" src="imgs/f.png"/>
            <span class="label">← 输入密码</span>
        </div>
        <div class="line">
            <input id="verify" type="password" atop="169px"/>
            <img class="mark" src="imgs/f.png"/>
            <span class="label">← 验证密码</span>
        </div>
        <div class="line">
            <input id="path" type="text" atop="207px" value="默认路径" default="默认路径"/>
            <img class="mark" src="imgs/f.png"/>
            <span class="label">← 数据文件全路径</span>
        </div>
        <div id="act_pane">
            <span id="save_user" class="button">保存</span>
            <span id="reset">重置</span>
            <span id="return_login">返回登录</span>
        </div>
    </div>
    <!-- tip area -->
    <div id="right_pane">
        <div id="tip_title">温馨提示</div>
        <div id="err_name" class="err"
            err_name="用户名不符合规则(以汉字、字母开始的汉字、字母、数字、_-.组合)。"
            err_exist="已经存在，请换一个用户名。"
        ></div>
        <div id="err_pass" class="err">密码长度不够，请输入至少6位密码</div>
        <div id="err_verify" class="err">输入的验证密码和密码不匹配，请重新输入。</div>
        <div id="err_path" class="err"
            err_abs="数据文件路径不是一个绝对路径！"
            err_dir="数据文件路径需要一个文件路径，但目前该路径指向一个目录！"
            err_ext="数据文件路径指向的文件已经存在。若你确定要指定该路径，先删除文件。"
        ></div>
        <div id="msg_icon">点击图标选择一个头像。头像大小是64x64。<u>注意：本版本尚不支持修改头像功能，需要此功能者敬请期待后续版本。</u>想添加自己的头像？请<a href="help.html">查阅帮助&gt;&gt;</a></div>
        <div id="msg_name">输入用户名。用户名必须是由汉字、英文字母、数字和一些特殊符号 [_-.] 构成。用户名不区分大小写</div>
        <div id="msg_pass">为了保证安全性，密码至少6位。最好包含数字、大小写字母和符号。密码要区分大小写，请注意你的CAPs LOCK键状态。<u>本版本尚不支持修改密码功能，选择密码请慎重。修改密码功能将在后续版本中推出。</u></div>
        <div id="msg_verify">为了保证你输入的密码无误，需要再输入一次进行验证。</div>
        <div id="msg_path">保存为空(使用默认路径)或输入一个绝对路径(即从盘符开始)。建议保持默认路径。为什么该文件路径不能选择？</div>
    </div>
    <div id="center_pane"><img id="arrow" src="imgs/a.png"/></div>
    <!-- dialog -->
    <div id="icon_dialog" style="display: none">
    </div>
</div>
